

<template>
<el-dialog v-model="show" width="90%" title="管理">
  <div class="f-row f-center" style="flex-wrap: wrap;gap:10px;">
    <div class="f-col f-center" style="width: 100px; height: 110px;" @click="()=>{
        show=false;
        addWordCom.apply(()=>{

          resFun();
        })
    }">
      <el-image :src="pencilICon"></el-image>
      <el-text tag="b">增加新单词</el-text>
    </div>
  </div>
  <add-word ref="addWordCom"></add-word>
  <bottomPage></bottomPage>
</el-dialog>
</template>
<script setup>
import {ref,defineModel,defineExpose} from 'vue';
let show=ref(false);
import pencilICon from "@/assets/image/Pencil@1x.webp"
import AddWord from "@/pages/wordPage/addWord/addWord.vue";
import BottomPage from "@/pages/wordPage/bottomPage/bottomPage.vue";
let resFun=()=>{};
let addWordCom=ref(null);

defineExpose({
  apply:function (resFuns){
    show.value=true;
    resFun=resFuns;
  }
})
</script>
<style scoped>

</style>